<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>iPhone Notch Scroll 2</title>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="outer">
  <div class="inner">
    <ul>
      <li>SweeTango </li>
      <li>Pacific Rose</li>
      <li>SnapDragon</li>
      <li>Envy</li>
      <li>Koru (Plumac)</li>
      <li>Pink Lady (Cripps Pink)</li>
      <li>Honeycrisp</li>
      <li>Royal Gala</li>
      <li>Macoun</li>
      <li>McIntosh</li>
      <li>Autumn Glory</li>
      <li>Opal</li>
      <li>Rome</li>
      <li>Red Delicious</li>
      <li>Golden Delicious</li>
      <li>Cameo</li>
      <li>Granny Smith</li>
      <li>Rainier Gala</li>
      <li>SweeTango </li>
      <li>Pacific Rose</li>
      <li>SnapDragon</li>
      <li>Envy</li>
      <li>Koru (Plumac)</li>
      <li>Pink Lady (Cripps Pink)</li>
      <li>Honeycrisp</li>
      <li>Royal Gala</li>
      <li>Macoun</li>
      <li>McIntosh</li>
      <li>Autumn Glory</li>
      <li>Opal</li>
      <li>Rome</li>
      <li>Red Delicious</li>
      <li>Golden Delicious</li>
      <li>Cameo</li>
      <li>Granny Smith</li>
      <li>Rainier Gala</li>
      <li>SweeTango </li>
      <li>Pacific Rose</li>
      <li>SnapDragon</li>
      <li>Envy</li>
      <li>Koru (Plumac)</li>
      <li>Pink Lady (Cripps Pink)</li>
      <li>Honeycrisp</li>
      <li>Royal Gala</li>
      <li>Macoun</li>
      <li>McIntosh</li>
      <li>Autumn Glory</li>
      <li>Opal</li>
      <li>Rome</li>
      <li>Red Delicious</li>
      <li>Golden Delicious</li>
      <li>Cameo</li>
      <li>Granny Smith</li>
      <li>Rainier Gala</li>
      <li>SweeTango </li>
      <li>Pacific Rose</li>
      <li>SnapDragon</li>
      <li>Envy</li>
      <li>Koru (Plumac)</li>
      <li>Pink Lady (Cripps Pink)</li>
      <li>Honeycrisp</li>
      <li>Royal Gala</li>
      <li>Macoun</li>
      <li>McIntosh</li>
      <li>Autumn Glory</li>
      <li>Opal</li>
      <li>Rome</li>
      <li>Red Delicious</li>
      <li>Golden Delicious</li>
      <li>Cameo</li>
      <li>Granny Smith</li>
      <li>Rainier Gala</li>
    </ul>
    <div class="notch"></div>
  </div>
</div>
  
    <script  src="js/index.js"></script>

</body>
</html>
